
const url = 'https://xxx.xxxx.cn'
// 单个代理
module.exports = {
    devServer: {
        proxy: "http://localhost:5000"
    }
// 优点：配置简单，请求资源时直接发给前端即可。
// 缺点：不能配置多个代理，不能灵活的控制请求是否走代理。
// 工作方式：若按照上述配置代理，当请求了前端不存在的资源时，
// 那么该请求会转发给服务器 （优先匹配前端资源）

// 代码：
//     axios.get("http://localhost:8081/info").then(
//         (res) => {
//             console.log("请求成功了", res.data);
//         },
//         (err) => {
//             console.log("请求失败了", err.message);
//         }
//     );
}
// 多个代理
module.exports = {
    devServer: {
        proxy: {
            '/api1': {// 匹配所有以 '/api1'开头的请求路径
                target: 'http://localhost:5000',// 代理目标的基础路径
                changeOrigin: true,// 是否支持 webstocket, 默认是 true
                pathRewrite: {'^/api1': ''}//代理服务器将请求地址转给真实服务器时会将 /api1  字符串替换为空, 然后访问地址就能正确访问，若不添加此行配置，那么访问地址就变成了： http://localhost:5000/api/request_url，这样的请求就会出现 404 操作
            },
            '/api2': {// 匹配所有以 '/api2'开头的请求路径
                target: 'http://localhost:5001',// 代理目标的基础路径
                changeOrigin: true,
                pathRewrite: {'^/api2': ''}
            }
        }
    }
}
/*
   changeOrigin设置为true时，服务器收到的请求头中的host为：localhost:5000
   changeOrigin设置为false时，服务器收到的请求头中的host为：localhost:8080
   changeOrigin默认值为true
*/
/* 优点：可以配置多个代理，且可以灵活的控制请求是否走代理。
 缺点：配置略微繁琐，请求资源时必须加前缀*/

// 代码：
/* getStudents() {
    axios.get("http://localhost:8081/yu/students").then(
        (response) => {
            console.log("请求成功了", response.data);
        },
        (error) => {
            console.log("请求失败了", error.message);
        }
    );
},
getCars() {
    axios.get("http://localhost:8081/demo/cars").then(
        (response) => {
            console.log("请求成功了", response.data);
        },
        (error) => {
            console.log("请求失败了", error.message);
        }
    );
},
*/

